<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<title>技术</title>
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="bookmark" href="/favicon.ico" />
<link rel="stylesheet" href="/webjars/layui/css/layui.css">
<link rel="stylesheet" href="/css/portal/index.css">
<link rel="stylesheet" href="/css/portal/exlayout.css">
</head>
<body>
	<!-- nav部分 -->
	<div class="nav index">
		<div class="layui-container">
			<!-- 公司logo -->
			<div class="nav-logo">
				<a href="/"> <img src="/img/portal/logo.png" alt="公司名称">
				</a>
			</div>
			<em class="layui-icon layui-icon-app mobile-icon"></em>
			<div class="nav-list">
				<ul class="layui-nav">
					<li class="layui-nav-item"><a href="/">首页</a></li>
					<li class="layui-nav-item"><a href="/html/news.html">新闻</a></li>
					<li class="layui-nav-item"><a href="/html/service.html">服务项目</a></li>
					<li class="layui-nav-item layui-this"><a
						href="/html/tech.html">技术成果</a></li>
					<li class="layui-nav-item"><a href="/html/about.html">联系我们</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- banner部分 -->
	<div class="banner case">
		<div class="title">
			<p>技术成果</p>
			<p class="en">Technology Case</p>
		</div>
	</div>
	<!-- main部分 -->
	<div class="main-case">
		<div class="layui-container">
			<div class="layui-row">
				<div class="layui-inline content">
					<div class="layui-inline case-img">
						<img src="/img/portal/case.jpg" alt="case">
					</div>
					<p class="lable">持续更新中……</p>
					<p>&nbsp;</p>
				</div>
				<div class="layui-inline content even center">
					<div class="layui-inline case-img">
						<img src="/img/portal/case.jpg" alt="case">
					</div>
					<p class="lable">持续更新中……</p>
					<p>&nbsp;</p>
				</div>
				<div class="layui-inline content">
					<div class="layui-inline case-img">
						<img src="/img/portal/case.jpg" alt="case">
					</div>
					<p class="lable">持续更新中……</p>
					<p>&nbsp;</p>
				</div>
				<div class="layui-inline content even">
					<div class="layui-inline case-img">
						<img src="/img/portal/case.jpg" alt="case">
					</div>
					<p class="lable">持续更新中……</p>
					<p>&nbsp;</p>
				</div>
				<div class="layui-inline content center">
					<div class="layui-inline case-img">
						<img src="/img/portal/case.jpg" alt="case">
					</div>
					<p class="lable">持续更新中……</p>
					<p>&nbsp;</p>
				</div>
				<div class="layui-inline content even">
					<div class="layui-inline case-img">
						<img src="/img/portal/case.jpg" alt="case">
					</div>
					<p class="lable">持续更新中……</p>
					<p>&nbsp;</p>
				</div>
				<div class="layui-inline content">
					<div class="layui-inline case-img">
						<img src="/img/portal/case.jpg" alt="case">
					</div>
					<p class="lable">持续更新中……</p>
					<p>&nbsp;</p>
				</div>
				<div class="layui-inline content even center">
					<div class="layui-inline case-img">
						<img src="/img/portal/case.jpg" alt="case">
					</div>
					<p class="lable">持续更新中……</p>
					<p>&nbsp;</p>
				</div>
				<div class="layui-inline content">
					<div class="layui-inline case-img">
						<img src="/img/portal/case.jpg" alt="case">
					</div>
					<p class="lable">持续更新中……</p>
					<p>&nbsp;</p>
				</div>
			</div>
		</div>
	</div>
	<!-- footer部分 -->
	<div class="footer">
		<div class="layui-container">
			<p class="footer-web">
				<a href="javascript:;">合作伙伴1</a> <a href="javascript:;">合作伙伴2</a> <a
					href="javascript:;">合作伙伴3</a> <a href="javascript:;">合作伙伴4</a> <a
					href="javascript:;">合作伙伴5</a> <a href="javascript:;">合作伙伴6</a>
			</p>
			<div class="layui-row footer-contact">
				<div class="layui-col-sm2 layui-col-lg1" id="qrcode"></div>
				<div class="layui-col-sm10 layui-col-lg11">
					<div class="layui-row">
						<div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
							<p class="contact-top">
								<em class="layui-icon layui-icon-cellphone"></em>&nbsp;电话号码&nbsp;&nbsp;&nbsp;(时间段)
							</p>
							<p class="contact-bottom">
								<em class="layui-icon layui-icon-home"></em>&nbsp;邮箱地址</span>
							</p>
						</div>
						<div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
							<p class="contact-top">
								<span class="right">公司地址</span>
							</p>
							<p class="contact-bottom">
								<span class="right">&nbsp;&copy;&nbsp;版权时间段&nbsp;&nbsp;备案号</span>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
<script src="/webjars/jquery/jquery.min.js"></script>
<script src="/webjars/layui/layui.js"></script>
<script src="/js/portal/qrcode.min.js"></script>
<script src="/js/portal/common.js"></script>
<script>
	$(function(){
		queryWriting(1,9);
	});
	function queryWriting(page,limit) {
	      $.ajax({
	          url:'/web/queryWriting',
	          async:true,
	          data:{page:page,limit:limit,type:'TECHNOLOGY'},
	          dataType:'json',
	          type:'GET',
	          success:function(xhrdata) {
	              var totalPages = xhrdata.totalpages;
	              var pageData = xhrdata.data;
	              $.each($(".content"),function(i,e){
	            	  if(!pageData[i]){
	            		  return false;
	            	  }
	            	  var imageurl = pageData[i].imgUrl;
	                  if(imageurl && imageurl.length>0) {
	                	  $(e).find(".case-img").append("<img src="+imageurl+">");
	                  }
	                  $(e).find("p").eq(0).html(pageData[i].title);
	                  $(e).find("p").eq(1).html(pageData[i].comments);
	              });
	              
	          },
	          error:function(errodata) {
//	              console.log(errodata.responseText.message);
	              throw new Error(errodata.responseText.message);
	          }
	      });
	}
</script>
</body>
</html>